<script setup lang="ts">
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
let topbarheight: any = ref(0);
let contentHeight: any = ref(0);
onLaunch(() => {
  console.log("App Launch");
  //获取手机信息
  // 获取系统信息
  uni.getSystemInfo({
    // 调用成功时的回调函数
    success(res: any) {
      console.log("getSystemInfo", res);

      // 将状态栏高度赋值给 height
      topbarheight.value = res.statusBarHeight || 40;
      //计算内容高度
      contentHeight.value = res.screenHeight - res.statusBarHeight;
    },
  });
  //状态栏高度 默认距离标题50px
  uni.setStorageSync("topbarheight", topbarheight.value || 24);
  uni.setStorageSync("contentHeight", contentHeight.value || 528);
  console.log(
    "App Launch",
    "状态栏高度",
    topbarheight.value,
    "内容高度",
    contentHeight.value
  );
});
onShow(() => {
  console.log("App Show");
  // uni.navigateTo({ url: "/pages/login/login" });
});
onHide(() => {
  console.log("App Hide");
});
</script>
<style lang="scss">
* {
  box-sizing: border-box;
}

html {
  font-size: 14px;
}

#main {
  height: 100vh;
  width: 100vw;
}

page {
  background: #f7f8fb;
}

// button样式，在大多数情况下可用
.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  text-align: center;
  background-color: #02bdc6 !important;
  color: #ffffff !important;
  border-radius: 10px;
}

.button::after {
  border: none;
}

// 字体大小样式
.fs_10 {
  font-size: 10px;
}

.fs_12 {
  font-size: 12px;
}

.fs_14 {
  font-size: 14px;
}

.fs_15 {
  font-size: 15px;
}

.fs_16 {
  font-size: 16px;
}

.fs_18 {
  font-size: 18px;
}

.fs_20 {
  font-size: 20px;
}

.fs_24 {
  font-size: 24px;
}

.fs_30 {
  font-size: 30px;
}

.fw_400 {
  font-weight: 400;
}

.fw_600 {
  font-weight: 600;
}

.fw_700 {
  font-weight: 700;
}

// icon样式
.icon {
  width: 24px;
  height: 24px;
}

.mini_Icon {
  width: 20px;
  height: 20px;
}

.small_Icon {
  width: 24px;
  height: 24px;
}

.medium_Icon {
  width: 32px;
  height: 32px;
}

.large_Icon {
  width: 36px;
  height: 36px;
}

// 基础flex布局样式
.flex {
  display: flex;
  align-items: center;
}

// 文字溢出样式
.text_overflow {
  max-width: 100%;
  overflow: hidden;
  // white-space: nowrap;
  text-overflow: ellipsis;
  /*溢出隐藏*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 1;
  line-clamp: 1;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

// 卡片样式
.card {
  padding: 12px;
  /* 白色背景090E1D 5% 16 32 */
  box-shadow: 0px 16px 32px 0px rgba(9, 14, 29, 0.05);
  /* #FFFFFF 白色 100 */
  background: rgb(255, 255, 255);
  border-radius: 4px;
}

// 颜色
.color_fff {
  color: #fff;
}

.color_black {
  color: #1D2541;
}

.color_green {
  color: #00289c;
}

.color_yellow {
  color: #f49b0a;
}

.color_red {
  color: #E14146;
}

.color_blue {
  color: #1365fb;
}

.color_text_gray {
  color: #7c8190;
}

.color_gray {
  color: #adafb8;
}

.uni-input-placeholder {
  color: #ccccd3;
  font-size: 14px;
}
</style>
